/*
全选思路
1.给 allselect 绑定事件
2.获取 当前  allselect 的状态 那变量结构
3.让单个商品的 选框 进行 装填跟随
4.让另一个 全选 也 同步状态

*/ 

$(".allSelect").click(function(){
    //获取当前 的 状态
    let status=$(this).prop("checked");
    //单项商品 做状态跟随
    $(".singlSelect").prop("checked",status);
    //另一个选框 状态同步:不用明确哪一个 统一重新设置
    $(".allSelect").prop("checked",status);
})

//全选 跟随思路
/*
    1.单项商品 选框 绑定事件
    2.如果  有 选中状态为true的 选框个数  和 单项商品选框个数 一致  那全选框 要做选中
        1.获取单项商品选框个数
        2.获取 选中状态为true的 个数
        3.两个个数 一致 就 全选框 设置状态为true

*/
$(".singlSelect").click(function(){
    let l1=$(".singlSelect").length
    let l2=$(".singlSelect:checked").length
    // console.log(`总个数${l1}`,`选中的个数${l2}`)
    if(l1==l2){
        $(".allSelect").prop("checked",true)
    }else{
        $(".allSelect").prop("checked",false) 
    }
})